.traffic-capacity-panel {
  
  box-sizing: border-box;
  overflow: hidden;
  position: relative;

  &.no-responsive-scale {
    transform-origin: top left;
  }

  .traffic-capacity-panel-content {
    height: calc(100% - 40px);
    display: flex;
    flex-direction: column; 
    // margin:3px 8px 2px 1px;
   
    margin-bottom: 10px;
    .chart-section {
      flex: 1;     
      border-radius: 8px; 
      padding-bottom: 16px;      
      
      background-color: rgba(15, 35, 65, 0.95);
      > div {
        width: 100% !important;
        height: 100% !important;
      } 
    } 
  }

  // 响应式适配
  @media (max-width: 768px) {
    width: 100%;
    min-width: 320px;
    
    .traffic-capacity-panel-content {
      .chart-section {
        min-height: 200px;
      }
    }
  }

  // 数据更新动画
  .data-updating {
    .chart-section {
      animation: dataFlash 0.5s ease-in-out;
    }
  }

  @keyframes dataFlash {
    0% { opacity: 1; }
    50% { opacity: 0.5; transform: scale(1.02); }
    100% { opacity: 1; transform: scale(1); }
  }
}